<template>
  <div>
    <div
      class="banner-box flex-center bg-[url('~/assets/images/product/lzd_qy_banner.png')] bg-cover bg-no-repeat"
    >
      <div class="banner-con">
        <h1 class="banner-main-title">联筑达·智慧工地企业级管控平台</h1>
        <p class="mt-10 banner-text xl:w-[37vw]">
          联筑达·智慧工地企业级管控平台，
          基于AIoT、5G、云计算、移动互联网和物联网等领先技术开发，依托丰富多样的智慧工地硬件设备，紧密围绕人、机、料、法、环五大质量管理要素，为建筑集团及分公司管理人员提供建筑项目数字化管控解决方案。
        </p>
      </div>
    </div>

    <div class="py-20">
      <div class="module-con flex items-center flex-col md:flex-row">
        <div class="flex-1 mb-4">
          <div class="text-xl text-[#e9e9e9] uppercase">
            Regulatory platform
          </div>
          <h2 class="card-title-main md:!text-4xl">1个管控平台</h2>
          <div class="card-title-bar mt-8"></div>
          <p class="mt-8 text-base text-[#616666] md:w-[70%]">
            智慧工地企业级管控平台，通过数字化运作，实现企业对多个下属项目的多维度、多场景数字管控，协助管理员快速响应各类事务，提前预警可能发生问题，提高生产管理效率与决策能力，实现增效降本。<br />
            可在PC端和小程序两个终端协同办公，可在多个工地项目间灵活切换，让管控效率倍增。
          </p>
        </div>
        <img
          class="h-fit"
          alt="联筑达·智慧工地企业级管控平台"
          src="../../assets/images/product/lzd_qy_pc.png"
        />
      </div>
    </div>

    <div class="py-18 bg-[#FBFBFB]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">5大功能板块</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="item.name"
            class="w-[227px] h-[319px] bg-white mb-6 px-8 pt-14 text-center rounded-sm border border-[#EDF4FB] border-b-2 border-b-[#0099FF]"
          >
            <img
              class="inline-block"
              :src="
                require(`../../assets/images/product/lzd_qy_0${ind + 1}.png`)
              "
            />
            <p class="mt-3 mb-4">{{ item.name }}</p>
            <p class="text-center text-[#828282] text-sm leading-4">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="py-18">
      <div class="module-con flex items-center flex-col md:flex-row">
        <div class="flex-1 mb-4">
          <div class="text-xl text-[#e9e9e9] uppercase">
            N intelligent hardware devices
          </div>
          <h2 class="card-title-main md:!text-4xl">N种智能硬件设备</h2>
          <div class="card-title-bar mt-8"></div>
          <p class="mt-8 text-base text-[#616666] md:w-[80%]">
            基于5G、云计算、移动互联网和物联网等技术，通过多种智能硬件设备进行采集数据。提供标准化的信息采集接口和平台对接协议，保证数据的唯一性和准确性，实现产品功能的整合，汇聚成一体化数字管控平台。
          </p>
        </div>
        <img
          class="h-fit"
          src="../../assets/images/product/lzd_qy_device.png"
        />
      </div>
    </div>

    <div class="py-20 bg-[#FBFBFB]">
      <div class="module-con">
        <h2 class="module-title">平台优势</h2>
        <img
          class="w-full mt-10"
          src="../../assets/images/product/lzd_qy_trait.png"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '劳务实名制管理',
          content: '劳务实名制管理、关键岗位考勤，所有数据全面对接省平台。',
        },
        {
          name: '环境监测管理',
          content: '噪音扬尘管控，喷淋联动。',
        },
        {
          name: '安全施工管理',
          content:
            '塔机监控、吊钩可视化、升降机监控、危大工程管控、视频监控，AI视频安全管控。',
        },
        {
          name: '质量及能耗管理',
          content: '混凝土搅拌站监控、物料进出管控、电能监测。',
        },
        {
          name: '多种智能应用',
          content: '智能广播、视频会议、VR安全教育培训',
        },
      ],
    }
  },
  head: {
    title: '联筑达·智慧工地企业管控平台-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '联筑达·智慧工地企业管控平台',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地企业级管控平台， 基于AIoT、5G、云计算、移动互联网和物联网等领先技术开发，依托丰富多样的智慧工地硬件设备，紧密围绕人、机、料、法、环五大质量管理要素，为建筑集团及分公司管理人员提供建筑项目数字化管控解决方案。',
      },
    ],
  },
  mounted() {},
}
</script>

<style scoped></style>
